@charset "utf-8";
/* CSS Document */
.search-alert{position: fixed;z-index:9999990;background-color: #222222;left: 0;top: 0;width: 100%;height: 100%; display:none}
.cent-form{position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 124px;margin-top: -63px;border-bottom:1px solid #515151;}
.tex{border: none;font-size: 66px;height: 124px;line-height: 124px;text-align: center;width: 100%;box-sizing: border-box;color: #555;background: none;padding-left: 88px;padding-right: 80px;background: url(../images/ico_36.png) no-repeat 35px 60px;}
.search-ico{display: block;width: 4.8%;height: 68px;margin-top: 56px;background: url(../images/ico_36.png) no-repeat center;}
.sub-butn{border: none;height: 100px;margin-top: 24px;font-size: 24px;line-height: 100px;color: #555;text-align: right;background: none;position: absolute;right: 0;top: 0;width: 80px;text-align: center;}
.close{display: block;width: 18px;height: 18px;background: url(../images/ico_37.png) no-repeat center;position: absolute;top: 38px;right: 2.6%;cursor: pointer;transition: transform 0.3s ease 0s;}
.search-alert .close:hover {transform: rotate(90deg);}

.mobiletop{width: calc(100% - 10px); padding:0px 10px; position:fixed; left:0px; top:0px; background:rgba(0,0,0,0.75); height:50px; z-index:999; z-index:999999; display:none}
.mobilelogo{ width:15%;  float:left; height:50px; margin-top:25px;}
.mobilesoso{ width:5%; height:50px;  float:right; background:url(../images/soso.png) no-repeat center center; cursor:pointer }
.mobilenav{ width:10%; float:right;}
.mobilenav span{ display:block; width:100%; height:50px; background:url(../images/navx.png) no-repeat center center; cursor:pointer}

.navstabc{position: fixed;z-index:9999990;background-color:#004442;left: 0;top: 0;width: 100%;height: 100%; display:none }
.navstabc em{display: block;width: 18px;height: 18px;background: url(../images/ico_37.png) no-repeat center;position: absolute;top: 18px;right:3%;cursor: pointer;transition: transform 0.3s ease 0s;}
.navstabc em:hover {transform: rotate(90deg);}

.chaozhus{ overflow:scroll-y; height:100%;} 
.navstabc ul{ padding:20px;}
.navstabc ul li{ overflow:hidden}
.navstabc ul li>a{ display:block; font-size:16px; line-height:50px;border-bottom:1px solid #002726;}
.navstabc ul li>a:hover{ color:#fff; font-weight:bold;}
.navstabc ul li div{ background-color:#004442; display:none; padding:10px;border-bottom:1px solid #002726;}
.navstabc ul li div a{ font-size:14px; display:block; line-height:32px;}
.bhs{ background:url(../images/jianx.png) no-repeat 98% center;}

@media screen and (max-width:1920px)

{
	.syleft,.syright{ padding-top:8%}
	.newsbj .syright{ padding-top:2%;}
}
@media screen and (max-width:1440px)

{
.new_brand_content.abouttxt .swiper-slide{padding-right:20px;}
.syleft{ width:20%; float:left; padding-top:8%;}
.syleft>p{ display:block; margin-bottom:10%;}
.syleft>p{ max-width:200px;}
.syleft li{ margin-bottom:15px;}
.syleft li p{ font-size:13px;}
.syleft li span{ font-size:12px;}

.aboutqie{max-width:700px; padding-bottom:50px;}
.abouttxt{max-width:700px;}
.abouttxt .swiper-container {width:100%;height:420px;}
.abouttxt p { padding-top:5px; font-size:12px;}
.abouttxt p b{ font-size:14px;}


.newslist li{ width:25%; float:left;}
.newslist li a{ display:block; padding:5%;}

.newslist li p{ font-size:15px; line-height:30px; height:30px;}
.newslist li span{ font-size:12px; line-height:22px; height:56px;}
.newslist li em{ font-size:12px;; margin-top:0px;}
.newsbuxs .swiper-container{ height:420px;}

.contactlist li p{ font-size:14px;}
.contactlist li span{ font-size:12px;}
.contactlist li em{ font-size:12px;}
.contactlist li div{ margin:0px}

.employeeslist .swiper-container {width: 100%;height:420px;}
.chubanboxs .swiper-container {width: 100%;max-height:400px;}

.honorpic li p{ margin-top:5px; font-size:12px;}
.honortxt{ line-height:24px; font-size:12px;}

.youshileft p{ font-size:12px; padding:5px 0px}
.winlist li p{ font-size:12px; padding:2px 0px;}
.winlist{ padding-bottom:20px;}
.wintxtls li p{ font-size:12px; line-height:24px;}
.wintxtls li a{ height:24px;}
.wintxtls li{ padding:10px 0px}
.lunzhubox li{ font-size:12px;}
.lunzhubox li p{ padding:10px 0px;}
.workqiehuan .swiper-slide div p{ font-size:14px;}
.wenzis{ font-size:12px; line-height:24px;}
.newsshow{ font-size:12px; line-height:24px; text-align: justify;}
.qianhoux{ font-size:12px; padding:10px 0px;}

.historylist li p{ font-size:12px;}
.historylist li{ line-height:24px; padding:20px 0px;}

.historylist li span{ font-size:18px;}


}



@media screen and (max-width:1200px)

{
	.soso{ width:5%; overflow:hidden }
	.soso input[type="button"]{ width:100%}
	
}

@media screen and (max-width:1100px)

{
	.top{ display:none;}
	.mobiletop{ display:block;}
	.soso{ width:5%; overflow:hidden }
	.soso input[type="button"]{ width:100%}

.youshipic span{ font-size:14px;}
}

@media screen and (max-width:768px)

{
.syleft,.syright{ padding:0%}
.newsbj .syright{ padding-top:2%;}
	
	
	
.mobilelogo{ width:30%;}
.sybox{ padding:0px 10px;}
.aboutqie{ padding-bottom:50px;}
.mobilesoso{ width:10%; }
.Homeleft,.Homeright{ opacity:1}
.Homeleft{left:0px;}
.Homeright{right:0px;}
.syleft{ width:100%; padding-top:70px;float: none;}
.syleft>ul{ display:none}
.syleft>p{display:block; width:70%; margin-bottom:20px;}
.section .syright{width:100%;box-sizing: border-box;-webkit-box-sizing: border-box; padding: 10px;float: none;}
/*.aboutbj .syright,.joinbj .syright{ padding:5% 10px;width:calc(100% - 20px)}*/
.aboutbj2 .syright{  padding: 10px;/*width:calc(100% - 20px)*/}

.newslist li{ width:100%; margin-top:30px;}
.newsbuxs .swiper-slide{ padding-right:20px;}
.abouttxt p b{ font-size:16px;}

.workqiehuan .swiper-pagination-bullet {width: 24px;}

.newslist li a{ padding:10px;}
.contactlist{ padding:10px}
.contactlist li{width: 100%;margin:0px; margin-bottom:20px;}
.tex{ font-size:18px;}

.footer{ line-height:20px; font-size:12px; text-align:center}
.footer span{ display:block}


.abouttxt .swiper-container{ height:250px}
.teambox ul{ text-align:center}
.teambox li{width:calc(33.33% - 20px);padding: 2px 10px;display: inline-block;}
.honorpic{ width:100%}
.honortxt{ width:100%; display:none}
.youshileft{width: 100%; padding:10px;box-sizing: border-box;-webkit-box-sizing: border-box;float: none;}
.youshipic{ display:none}
.winlist li {width: 46%;margin-right: 3%;}
.wintxtls li p{ float:right}

.historylist li span{ width:80%;}
.historylist li p{ margin-left:5%}
.dashiaji>h1{ font-size:18px; margin:10px 0px;}

.workshow_left{ width:90%; margin:0 auto; float:none; clear:both; padding:70px 2% 30px; }
.ahixa img{ margin-bottom:10px;}
.workshow_right{ width:90%; margin:0 auto; float:none; clear:both; padding:0px 2% 30px;}
.newsbuxs .swiper-container{ height:385px;}
.employeeslist li {width: calc(50% - 10px);}

.teambox .swiper-container{ height:300px;}
.honorbox .swiper-container{ padding-bottom:0px;}
.honorbox .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px;}
.chubantit li{ width:calc(50% - 2px); margin:0px 1px; float:left;}

.lunzhubox li{ width:46%; margin:10px 2%}


.youshipic span{ font-size:12px;}

.chubanboxs .swiper-container{height: auto;}
.workqiehuan .swiper-slide div p{margin-top:60px;}
}
@media screen and (max-width:580px){
	.abouttxt{width:100%;float: none;}
	.abouttxt + .abouttxt{margin-top:15px;}
	.abouttxt:nth-child(2n){float:none;}
	.abouttxt .swiper-container{height: 180px}
}